@import "_function";
.listen_details2{
  .header{
    .pt(30);
    background: url("../../src/image/listenbook-bg.jpg") no-repeat;
    .bgs(750,1095);
    .c(#ffffff);
    .top {
      .h(88);
      .oh;
      i{
        .db();
        .fl();
        .w(23);
        .h(42);
        .ml(56);
        background: url("../../src/image/listenbook-back1.png") no-repeat;
        .bgs(23,42);
        .mt(23);
      }
      img{
        .w(44);
        .h(60);
        .ml(100);
        .mt(11);
        .fl;
      }
      h3{
        .fl;
        .mt(28);
        .ml(40);
        .fs(28);
        b{.ml(16);}
      }
      span{
        .db;.fl;
        .mt(28);
        .ml(40);
        .fs(24);
      }
      .playb{
        .w(42);
        .h(42);
        .db;.fl;
        .ml(100);
        .mt(20);
        background: url("../../src/image/listenbook1-play.png") no-repeat;
        .bgs(42,42);
      }
    }
  }
  .review-area{
    .w(702);
    .pt(38);
    margin: 0 auto;
    .com-title{
      .oh();
      .fs(32);
      .c(#666666);
      h2{
        .ml(30);
        .fl();
        .mb(40);
      }
      span{
        .db();
        .fr();
        .mr(35);
        .c(#67bfff);
      }
      span:before{
        content: "";
        .db();
        .fl();
        .w(24);
        .h(22);
        .mr(6);
        .mt(7);
        background: url("../../src/image/listenbook-write.png") no-repeat;
        .bgs(24,22);
      }
    }
    .null{
      .tc;
      .mt(260);
      img{
        .w(160);
        .h(140);
      }
      p{
        .fs(28);
        .c(#b2b2b2)
      }
    }
  }
}